import {connect} from 'react-redux'

// connect 类似withRouter 高阶组件
const Inner = (props) => {
  console.log(props, 'Inner');
  const { num, dispatch } = props;
  return (
    <div className="App">
      num: {num}
      <br />
      <button onClick={
        () => {
          dispatch({
            type: 'ADD'
          })
        }
      }>加1</button>
    </div>
  );
}

export default connect((state, props) => {
  return {
    ...props,
    num: state.num
  };
})(Inner);

/**
 * connect((store.state, props) => {
 *   console.log(arg);
 *   // 允许 对 props和store进行一个合并处理
 *   return {
 *    // 传递给组件的数据
 *   };
 * })(Inner)
 */